<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="shortcut icon" href="https://wx.gtimg.com/core/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="./css/public.css"/>
		<title>个人信息 - 微信支付商户平台</title>
		<style type="text/css">
			html,body{
				margin: 0;
				padding: 0;
				color: #333333;
				font-size: 14px;
			}
			a {
				color: #4466AD;
				text-decoration: none;
			}
			/* 中间主体 */
			.main{
				background: url(img/bg_half.png) center repeat-y;
				display: flex;
				flex-direction: row;
				justify-content: center;
			}
			/* 左 */
			.main-l{
				width: 186px;
				background: #fafafa;
				padding: 2px 0;
			}
			.lTit{
				color: #999999;
				padding: 12.8px 0;
				padding-top: 28px;
			}
			.nav{
				padding-bottom: 15px;
			}
			.nav>div{
				padding: 11px 0;
			}
			.lp{
				padding: 28px 0;
				border-top: 1px solid #E0E0E0;
			}
			.selected{
				color: #00c250;
			}
			/* 右 */
			.main-r{
				width: 958px;
				padding-top: 32px;
				padding-left: 40px;
				background: #FFFFFF;
			}
			.mainTit{
				padding-bottom: 24px;
				font-size: 20px;
				line-height: 1;
				border-bottom: 1px solid #E0E0E0;
			}
			.biao{
				margin-top: 30px;
				border: 1px solid #EEE;
			}
			.biaoTit{
				height: 38px;
				line-height: 38px;
				padding: 0 20px;
				background: #fafafa;
				border-bottom: 1px solid #EEE;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}
			.biao>div:nth-child(2){
				padding: 30px 40px;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
			.biao>div:nth-child(2)>div{
				width: 50%;
				height: 52px;
				line-height: 42px;
				font-size: 13px;
			}
			.biao>div:nth-child(2)>div span{
				font-size: 14px;
			}
			.biao>div:nth-child(2)>div span:nth-child(1){
				display: inline-block;
				width: 96px;
			}
			.biao>div:nth-child(2)>div span:nth-child(2){
				margin-left: 15px;
			}
			.nav>div:hover,.lp:hover{
				cursor:pointer;
				color: #00C250;
			}
			/* 违规记录 */
			.wgjlTit{
				margin-bottom: 30px;
				height: 14px;
				line-height: 1;
				margin-top: 30px;
				padding-left: 10px;
				border-left: 3px solid #00c250;
			}
			.ico-date{
				display: inline-block;
				width: 18px;
				height: 18px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -66px -166px;
			}
			.ico-xls{
				display: inline-block;
				width: 17px;
				height: 13px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -215px -188px;
				position: relative;
				top: 1px;
				margin-right: 3px;
			}
			.dayTime{
				display: flex;
				flex-direction: row;
				align-items: flex-end;
				margin-left: 13px;
			}
			.timeDome>div:nth-child(2){
				width: 113px;
				display: flex;
				flex-direction: row;
				align-items: center;
				padding: 10px 8px;
				border: 1px solid #E0E0E0;
				border-radius: 4px;
				margin-top: 10px;
			}
			.timeDome input{
				width: 90px;
				border: none;
				font-size: 14px;
			}
			.arrow{
				margin-top: 0;
				border-color: #cccccc transparent transparent;
			}
			.cxBtn{
				background: #00c250;
				margin-left: 24px;
				height: 40px;
				line-height: 40px;
				padding: 0 37px;
				color: #FFFFFF;
				border-radius: 4px;
			}
			.tsTxt{
				margin-left: 13px;
				color: #999999;
				padding-top: 8px;
				margin-bottom: 24px;
			}
			.exc{
				text-align: right;
				margin-right: 13px;
				margin-bottom: 24px;
			}
			.wgjlBiao{
				margin: 0 13px;
			}
			.wgjlBiao>div{
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			.wgjlBiao>div:nth-child(1){
				background: #fafafa;
				border-top: 1px solid #EEE;
			}
			.wgjlBiao>div:nth-child(1)>div{
				color: #999999;
				padding: 16px 8px;
			}
			.wgjlBiao>div{
				border-bottom: 1px solid #EEE;
			}
			.wgjlBiao>div>div{
				padding: 16px 8px;
				word-break: break-all;
			}
			.fy{
				text-align: right;
				margin-top: 14px;
				margin-right: 12px;
			}
			/* 特殊帮助栏--消费者投诉 */
			.tsbzl-xfz{
				position: fixed;
				bottom: 220px;
				left: 50%;
				margin-left: 600px;
				display: flex;
				flex-direction: column;
			}
			.button-kfzx{
				display: inline-block;
				width: 68px;
				height: 68px;
				background: url(./img/fast_anchor.png) no-repeat;
				background-position: 0 -15px;
			}
			/* 特殊帮助栏 */
			.tsbzl{
				position: fixed;
				bottom: 79px;
				left: 50%;
				margin-left: 600px;
				display: flex;
				flex-direction: column;
			}
			.button-guide{
				display: inline-block;
				width: 68px;
				height: 68px;
				background: url(./img/fast_anchor.png) no-repeat;
				background-position: -140px -15px;
			}
			.button-feeds{
				display: inline-block;
				width: 68px;
				height: 68px;
				background: url(./img/fast_anchor.png) no-repeat;
				background-position: -280px -15px;
			}
			/* 消费者投诉 */
			.xfzts{
				position: relative;
			}
			.timeDay{
				position: absolute;
				top: 373px;
				left: 169px;
				border: none;
				background: none;
			}
			.timeDay1{
				position: absolute;
				top: 373px;
				left: 332px;
				border: none;
				background: none;
			}
			.xfztsTxt{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				margin-bottom: 30px;
			}
			.xfztsTxt>div:nth-child(1){
				color: #999999;
			}
			.xfztsTxt>div:nth-child(2){
				color: #4466AD;
				cursor: pointer;
			}
			.xfztsTxt>div:nth-child(2):hover{
				text-decoration: underline;
			}
			.xfztsTable{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				margin-bottom: 50px;
			}
			.xfztsTable>div:nth-child(1){
				width: 65.66667%;
				height: 130px;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				padding-left: 10px;
				padding-right: 10px;
				border: 2px solid #e7eaf0;
				font-size: 16px;
				padding: 24px 0 15px 0;
			}
			.xfztsTable>div:nth-child(1)>div{
				width: 33.33333%;
				text-align: center;
			}
			.xfztsTable>div:nth-child(1)>div .ico-help{
				position: relative;
				top: 4px;
				left: 6px;
			}
			.xfztsTable>div:nth-child(1)>div>div:nth-child(2) span{
				font-size: 40px;
			}
			.xfztsTable>div:nth-child(1)>div>div:nth-child(2){
				position: relative;
				top: 11px;
				border-right: 3px solid #e0e0e0;
			}
			.xfztsTable>div:nth-child(1)>div>div:nth-child(3) span{
				font-size: 30px;
			}
			.xfztsTable>div:nth-child(1)>div>div:nth-child(3) p{
				display: inline-block;
			}
			.xfztsTable>div:nth-child(2){
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				border: 2px solid #e7eaf0;
				width: 28.33333%;
				padding: 6px 0;
				padding-left: 20px;
				padding-right: 10px;
				position: relative;
				font-size: 16px;
			}
			.xfztsTable>div:nth-child(2) .r-tit{
				position: absolute;
				top: 0;
				right: 0;
				height: 30px;
				line-height: 30px;
				padding: 0 20px;
				font-weight: 700;
				background: #fafbfc;
				cursor: pointer;
				font-size: 14px;
			}
			.xfztsTable>div:nth-child(2) .ico-help{
				position: relative;
				top: 4px;
				right: 10px;
			}
			.xfztsBiao{
				margin: 0 0;
				word-break:break-all;
				text-align: center;
			}
			.xfztsBiao>div>div{
				padding: 16px 0 !important;
			}
			.xfztsBiao>div>div:nth-child(3){
				text-overflow: -o-ellipsis-lastline;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				line-clamp: 3;
				-webkit-box-orient: vertical;
				padding: 0 !important;
			}
			.xfztsBiao>div:nth-child(1)>div:nth-child(1):first-child{
				color: #999999;
			}
			.xfztsBiao>div>div span,.xfztsBiao>div>div:nth-child(1){
				color: #4466AD;
			}
			.xfztsBiao>div:nth-child(1)>div:hover{
				text-decoration: none;
				cursor: auto;
				user-select: none
			}
			.xfztsBiao>div:nth-child(1)>div:nth-child(1):hover{
				text-decoration: none;
				cursor: auto;
				user-select: none
			}
			.xfztsBiao>div>div span:hover,.xfztsBiao>div>div:nth-child(1):hover,.xfztsBiao>div>div>div:hover{
				text-decoration: underline;
				cursor: pointer;
			}
			.xfztsBiao>div>div:last-child{
				display: flex;
				flex-direction: row;
				justify-content: center;
			}
			.xfztsBiao>div>div>div{
				width: 40%;
			}
			.ye{
				float: right;
				margin-top: 30px;
				margin-bottom: 70px;
			}
			.ico-help{
				display: inline-block;
				width: 16px;
				height: 16px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -150px -227px;
				margin-top: 5px;
			}
		</style>
	</head>
	<body>
		<!-- 头部 -->
		<div class="head">
			<div class="headContent-t">
				<div>
					<i class="ico-news"></i>
					消息中心
				</div>
				<div>
					<i class="ico-search"></i>
					服务商搜索
				</div>
				<div>
					<i class="ico-help"></i>
					帮助中心
				</div>
				<div>
					<i class="ico-docu"></i>
					我的账号
					<span class="arrow"></span>
				</div>
			</div>
		</div>
		<div class="headContent-b">
			<div>
				<img src="./img/logo.png" >
				<div class="headContent-r">
					<ul>
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="transaction.html">交易中心</a>
						</li>
						<li class="selected">
							<a href="#" style="color: #00C250;">账户中心</a>
						</li>
						<li>
							<a href="#">营销中心</a>
						</li>
						<li>
							<a href="product.html">产品中心</a>
						</li>
						<li>
							<a class="ab" href="#">数据中心</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 中间 -->
		<div class="main">
			<div class="main-l">
				<div class="lTit">个人设置</div>
				<div class="nav">
					<div class="selected home">个人信息</div>
					<div>操作证书</div>
					<div>待审核任务</div>
					<div>已审核任务</div>
					<div>我提交的审核任务</div>
				</div>
				<div class="lp">安全中心</div>
				<div class="lTit" style="border-top: 1px solid #E0E0E0;">账户设置</div>
				<div class="nav">
					<div>商户信息</div>
					<div>发票信息</div>
					<div>API安全</div>
					<div>审核配置</div>
					<div>微信群管理</div>
					<div>员工账号管理</div>
					<div>刷脸智能设备</div>
					<div>微信商户终端</div>
				</div>
				<div class="lp">支付申请</div>
				<div class="lp xfztsBtn">消费者投诉</div>
				<div class="lp jlBtn">违约记录</div>
			</div>
			<div class="main-r">
				<!-- 个人信息 -->
				<div class="grxx">
					<div class="mainTit">个人信息</div>
					<div class="biao">
						<div class="biaoTit"><span>账号信息</span><span></span></div>
						<div>
							<div><span>登录账号</span>1613447633<span style="color: #00c250;">(本账号)</span></div>
							<div><span>账号角色</span>Administrator</div>
							<div><span>创建时间</span>2021年8月25日 11:55:09</div>
							<div><span>绑定微信号</span>w****************22<span style="color: #4466AD;">更换绑定</span></div>
						</div>
					</div>
					<div class="biao">
						<div class="biaoTit"><span>超级管理员信息</span><span style="color: #4466AD;">修改</span></div>
						<div>
							<div><span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>*柯</div>
							<div><span>联系手机</span>158******12</div>
							<div><span>联系邮箱</span>s********@qq.com</div>
						</div>
					</div>
					<div class="biao">
						<div class="biaoTit"><span>安全信息</span><span></span></div>
						<div style="flex-direction: column;">
							<div style="color: #4466AD;"><span style="color: #333333;">操作密码</span>修改</div>
							<div><span>预留信息</span>未设置<span style="color: #4466AD;">修改</span></div>
							<div style="width: 100%;height: auto;line-height: 22px;color: #999999;"><span></span><div style="display: inline-block;">预留信息是由你自己设置的一段文字，用来鉴定网站身份，防止假冒网站造成损失。<br>配置后将在首页及充值页面显示。若未看到预留信息，表明当前访问的网站存在风险，请终止操作，并修改密码。<br>未安装操作证书时预留信息将被部分掩码。</div></div>
						</div>
					</div>
				</div>
				<!-- 个人信息结束 -->
				<!-- 违规记录 -->
				<div class="wgjl">
					<div class="mainTit">风险商户处理记录</div>
					<div class="wgjlTit">风险商户处理</div>
					<div class="dayTime">
						<div class="timeDome">
							<div>处理时间</div>
							<div>
								<input value="2021/07/01" />
								<i class="ico-date"></i>
							</div>
						</div>
						<span style="padding: 0 10px 10px 10px;">至</span>
						<div class="timeDome">
							<div></div>
							<div>
								<input value="2021/08/01" />
								<i class="ico-date"></i>
							</div>
						</div>
						<div class="timeDome" style="margin-left: 24px;">
							<div>风险类型</div>
							<div>
								<input value="全部" />
								<i class="arrow"></i>
							</div>
						</div>
						<div class="timeDome" style="margin-left: 24px;">
							<div>操作状态</div>
							<div>
								<input value="全部" />
								<i class="arrow"></i>
							</div>
						</div>
						<div class="cxBtn">查询</div>
					</div>
					<div class="tsTxt">单次查询跨度不能超过90天</div>
					<div class="exc">下载风险商户处理记录：<i class="ico-xls"></i><span style="color: #4466AD;">Excel格式</span></div>
					<div class="wgjlBiao">
						<div>
							<div style="width: 84px;">处理时间</div>
							<div style="width: 284px;">风险类型</div>
							<div style="width: 300px;">处理方法</div>
							<div>操作状态</div>
						</div>
						<div>
							<div style="width: 84px;">2021-09-10 20:46:20</div>
							<div style="width: 284px;">涉嫌交易异常</div>
							<div style="width: 300px;">延迟结算，关闭支付权限</div>
							<div><span style="color: #00c250;"></span></div>
							<!--<div><span style="color: #FF9B00;">待处理</span> &nbsp;&nbsp; <a href="">补充特殊材料</a></div>-->
						</div>
						<div>
							<div style="width: 84px;">2021-09-03 11:06:45</div>
							<div style="width: 284px;">涉嫌交易异常</div>
							<div style="width: 300px;">补充特殊资料,调整结算周期(T+7)，关闭自动提现</div>
							<div><span style="color: #00c250;">已处理</span></div>
							<!--<div><span style="color: #FF9B00;">待处理</span> &nbsp;&nbsp; <a href="">补充特殊材料</a></div>-->
						</div>
					</div>
					<div class="fy">
						<img src="img/ico-fy.png" >
					</div>
					<div style="color: #8d8d8d;margin-top: 21px;margin-bottom: 40px;">
						注:<br>
						1.“警告”是因为贵司在业务运营中被投诉的次数过多，需贵司核实并处理好相关投诉。<br>
						2.风险类型为“无交易商户未确认开户意愿”且处理方法为“关闭支付权限”：按监管要求，需要重新核实商户开通微信支付账户意愿，<span style="color: #4466AD;">点击去处理</span>。<br>
						3.风险类型为“交易停滞”且处理方法为“关闭支付权限”：商户资料变更未更新，请商户登陆商户平台-账户中心-商户信息页面更新商户资料。<br>
						4.“涉嫌交易纠纷警告”是因为贵司在业务运营中存在较多未处理的用户投诉，需贵司进入<span style="color: #4466AD;">“商户平台-消费者投诉”</span>核实并及时处理。<br>
						5.如对风险商户处理有异议，可在页面下方提交申诉材料进行申诉，<span style="color: #4466AD;">点此去申诉</span>。
					</div>
					<div class="wgjlTit">交易异常拦截</div>
					<div class="dayTime">
						<div class="timeDome">
							<div>拦截统计时间</div>
							<div>
								<input value="2021/07/01" />
								<i class="ico-date"></i>
							</div>
						</div>
						<span style="padding: 0 10px 10px 10px;">至</span>
						<div class="timeDome">
							<div></div>
							<div>
								<input value="2021/08/01" />
								<i class="ico-date"></i>
							</div>
						</div>
						<div class="cxBtn">查询</div>
					</div>
					<div class="tsTxt">单次查询跨度不能超过90天</div>
					<div class="exc">下载风险商户处理记录：<i class="ico-xls"></i><span style="color: #4466AD;">Excel格式</span></div>
					<div class="wgjlBiao">
						<div>
							<div style="width: 84px;">拦截统计时间</div>
							<div style="width: 142px;">风险类型</div>
							<div style="width: 250px;">处理方法</div>
							<div style="width: 142px;">操作状态</div>
							<div>拦截情况</div>
						</div>
						<div>
							<div style="margin: 0 auto;color: #999999;">过去一个月暂无数据</div>
						</div>
					</div>
					<div class="wgjlTit">申诉</div>
					<div>
						<div class="cxBtn" style="width: 84px;display: inline-block;margin-left: 13px;margin-bottom: 30px;">提交申诉材料</div><span style="color: #4466AD;margin-left: 10px;">查看如何提交申诉材料</span>
					</div>
					<div class="dayTime">
						<div class="timeDome">
							<div>申诉日期</div>
							<div>
								<input value="2021/07/01" />
								<i class="ico-date"></i>
							</div>
						</div>
						<span style="padding: 0 10px 10px 10px;">至</span>
						<div class="timeDome">
							<div></div>
							<div>
								<input value="2021/08/01" />
								<i class="ico-date"></i>
							</div>
						</div>
						<div class="timeDome" style="margin-left: 24px;">
							<div>操作状态</div>
							<div>
								<input value="全部" />
								<i class="arrow"></i>
							</div>
						</div>
						<div class="cxBtn">查询</div>
					</div>
					<div class="tsTxt">单次查询跨度不能超过90天</div>
					<div class="exc">下载风险商户处理记录：<i class="ico-xls"></i><span style="color: #4466AD;">Excel格式</span></div>
					<div class="wgjlBiao">
						<div>
							<div style="width: 84px;">申诉日期</div>
							<div style="width: 60px;">申诉状态</div>
							<div style="width: 84px;">处理日期</div>
							<div style="width: 300px;">处理方法</div>
							<div>操作状态</div>
						</div>
						<!-- <div>
							<div style="margin: 0 auto;color: #999999;">过去一个月暂无数据</div>
						</div> -->
						<!--<div class="ddList">
							<div style="width: 84px;">2021-08-01 14:21:01</div>
							<div style="width: 60px;">已处理</div>
							<div style="width: 84px;">2021-09-02 16:23:13</div>
							<div style="width: 300px;"></div>
							<div>维持原判</div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-08-01 14:21:01</div>
							<div style="width: 60px;">已处理</div>
							<div style="width: 84px;">2021-09-02 16:23:13</div>
							<div style="width: 300px;"></div>
							<div>维持原判</div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-08-01 14:21:01</div>
							<div style="width: 60px;">已处理</div>
							<div style="width: 84px;">2021-09-02 16:23:13</div>
							<div style="width: 300px;"></div>
							<div>维持原判</div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-08-01 14:21:01</div>
							<div style="width: 60px;">已处理</div>
							<div style="width: 84px;">2021-09-02 16:23:13</div>
							<div style="width: 300px;"></div>
							<div>维持原判</div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-08-01 14:21:01</div>
							<div style="width: 60px;">已处理</div>
							<div style="width: 84px;">2021-09-02 16:23:13</div>
							<div style="width: 300px;">关闭支付权限</div>
							<div>维持原判</div>
						</div>-->
						<div class="ddList">
							<div style="width: 84px;">2021-09-07 11:22:12</div>
							<div style="width: 60px;">已处理</div>
							<div style="width: 84px;">2021-09-10 20:46:20</div>
							<div style="width: 300px;">关闭支付权限</div>
							<div></div>
						</div>
					</div>
					<div class="fy" style="margin-bottom: 70px;">
						<img src="img/ico-fy.png" >
					</div>
				</div>
				<!-- 违规记录结束 -->


				<!-- 消费者投诉 -->
				<div class="xfzts">
					<div class="mainTit" style="font-weight: bold;border-bottom: none;">消费者投诉</div>
					<div class="xfztsTxt">
						<div>请尽快处理投诉，若长时间不处理，将影响商户号的相关功能使用.</div>
						<div>消费者投诉处理指南</div>
					</div>
					<div class="xfztsTable">
						<div>
							<div>
								<div>待处理<i class="ico-help"></i></div>
								<div style="color: #659ad2;"><span style="font-weight: 700;">0</span>单</div>
								<div>已超时 <span style="color: red;">0</span><p style="color: red;">单</p></div>
							</div>
							<div>
								<div>处理中<i class="ico-help"></i></div>
								<div style="color: #659ad2;"><span style="font-weight: 700;">0</span>单</div>
								<div>已超时 <span style="color: red;">0</span><p style="color: red;">单</p></div>
							</div>
							<div>
								<div>今日已处理<i class="ico-help"></i></div>
								<div style="border-right: none;"><span>0</span>单</div>
								<div>已完成 <span>0</span><p>单</p></div>
							</div>
						</div>
						<div>
							<div><i class="ico-help"></i>及时处理率： -</div>
							<div><i class="ico-help"></i>重复投诉率： -</div>
							<div><i class="ico-help"></i>平均处理时长： -</div>
							<div class="r-tit">详细数据</div>
						</div>
					</div>
					<div class="wgjlTit" style="font-size: 18px;font-weight: bold;line-height: 16px;height: 16px;margin-bottom: 16px;">投诉列表</div>
					<img class="stImg" src="./img/ico_tslb.png" >
					<input class="timeDay" value="2021-07-06" />
					<input class="timeDay1" value="2021-08-05" />
					<div class="wgjlBiao xfztsBiao">
						<div>
							<div style="width: 100px;">投诉单号</div>
							<div style="width: 83px;">投诉时间</div>
							<div style="width: 128px;">投诉内容</div>
							<div style="width: 110px;">投诉金额(元)</div>
							<div style="width: 66px;padding: 16px 10px !important;">投诉人联系方式</div>
							<div style="width: 40px;padding: 16px 10px !important;">用户投诉次数<i class="ico-help"></i></div>
							<div style="width: 70px;padding: 16px 10px !important;">微信支付订单号</div>
							<div style="width: 122px;">被投诉商户号</div>
							<div style="width: 100px;">投诉单状态</div>
							<div style="width: 99px;">操作</div>
						</div>
						<div>
							<!-- <div style="width: 100px;">200282820210801140143955051</div>
							<div style="width: 83px;">2021-08-01 14:02:38<div style="width: 100%;color: red;">超时未回复</div></div>
							<div style="width: 128px;">昨天下单的今天app就没有反应了，早上登录里面...<span>全部</span></div>
							<div style="width: 110px;">498.00<span style="display: block;">退款</span></div>
							<div style="width: 76px;">包广英:13325891341</div>
							<div style="width: 40px;padding: 16px 10px !important;">1</div>
							<div style="width: 80px;">4200001198202107316958635341</div>
							<div style="width: 122px;">1612295561</div>
							<div style="width: 100px;">待处理<p style="color: #f4be4f;margin: 0;">用户有留言</p></div>
							<div style="width: 99px;">
								<div style="color: #4466AD;">回复用户</div>
								<div style="color: #999999;">处理完成</div>
							</div> -->
						</div>
					</div>
					<div class="ye">
						<img src="./img/ico_tslb_ye.png" >
					</div>
				</div>

				<!-- 消费者投诉结束 -->
			</div>
		</div>
		<!-- 特殊帮助栏--消费者投诉 -->
		<div class="tsbzl-xfz">
			<i class="button-kfzx"></i>
		</div>
		<!-- 特殊帮助栏--消费者投诉  结束 -->
		<!-- 特殊帮助栏 -->
		<div class="tsbzl">
			<i class="button-guide"></i>
			<i class="button-feeds" style="margin-top: 10px;"></i>
		</div>
		<!-- 特殊帮助栏结束 -->
		<!-- 右侧帮助栏 -->
		<div class="bzl">
			<div><i class="ico-miniapp"></i></div>
			<div><i class="ico-down"></i></div>
			<div><i class="ico-edit"></i></div>
			<div><div>获取帮助</div></div>
		</div>
		<!-- 右侧帮助栏结束 -->

		<!-- 底部 -->
		<div class="foot">
			<div class="footContent">
				<div>
					<div class="footTit">关于我们</div>
					<div>关于微信支付</div>
					<div>平台使用协议</div>
					<div>支付服务协议</div>
					<div>联系我们</div>
				</div>
				<div>
					<div class="footTit">服务支持</div>
					<div>开发文档（商户）</div>
					<div>开发文档（服务商）</div>
					<div>物料下载</div>
				</div>
				<div>
					<div class="footTit">友情链接</div>
					<div>微信开放平台</div>
					<div>微信公众平台</div>
					<div>企业微信</div>
				</div>
				<div>
					<div class="footTit">客服帮助</div>
					<div>自助服务专区</div>
					<div>客服：95017-2</div>
					<div>（工作时间：09:00-22:00）</div>
				</div>
			</div>
			<div class="foot-b">Powered By Tencent & Tenpay　Copyright 2005-2021 Tenpay All Rights Reserved.</div>
		</div>
		<script src="./js/jq.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$('.wgjl .dayTime .timeDome:nth-child(1) input').val(myTime(31,'/'))//违约记录
				$('.wgjl .dayTime .timeDome:nth-child(3) input').val(myTime(0,'/'))
				$('.timeDay').val(myTime(30,'-'))//消费者投诉
				$('.timeDay1').val(myTime(0,'-'))


				$('.tsbzl-xfz').hide()//消费者投诉--特殊栏
				if(GetQueryString("x")){//判断get信息   如  x =1  表示从首页点击过来
					$('.wgjl').show()
					$('.tsbzl').show()
					$('.xfzts').hide()
					document.title = '风险商户处理记录';
					$('.grxx').hide()
					$('.home').removeClass('selected')
					$('.jlBtn').addClass('selected')
				}else{
					$('.wgjl').hide()
					$('.tsbzl').hide()
					$('.xfzts').hide()
					document.title = '个人信息 - 微信支付商户平台';
				}

				$('.home').on('click',function(){//个人信息
					document.title = '个人信息 - 微信支付商户平台';
					$('.grxx').show()
					$('.wgjl').hide()
					$('.xfzts').hide()
					$('.tsbzl').hide()
					$('.bzl').show()
					$('.tsbzl-xfz').hide()
					$(this).addClass('selected')
					$('.jlBtn').removeClass('selected')
					$('.xfztsBtn').removeClass('selected')
				})
				$('.jlBtn').on('click',function(){//违规记录
					document.title = '风险商户处理记录';
					$('.grxx').hide()
					$('.wgjl').show()
					$('.xfzts').hide()
					$('.tsbzl').show()
					$('.tsbzl-xfz').hide()
					$('.bzl').hide()
					$(this).addClass('selected')
					$('.home').removeClass('selected')
					$('.xfztsBtn').removeClass('selected')
					$('html,body').animate({scrollTop:0},0);
				})
				$('.xfztsBtn').on('click',function(){//消费者投诉
					document.title = '投诉信息 - 微信支付商户平台';
					$('.xfzts').show()
					$('.grxx').hide()
					$('.wgjl').hide()
					$('.tsbzl').hide()
					$('.tsbzl-xfz').show()
					$('.bzl').show()
					$(this).addClass('selected')
					$('.home').removeClass('selected')
					$('.jlBtn').removeClass('selected')
					$('html,body').animate({scrollTop:0},0);
				})
			})
			function GetQueryString(name)//获取get信息
			{
				 var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
				 var r = window.location.search.substr(1).match(reg);
				 if(r!=null)return  unescape(r[2]); return null;
			}
			function myTime(num,flag){
				var myDate = new Date();
				var lw = new Date(myDate - 1000 * 60 * 60 * 24 * num);//最后一个数字30可改，30天的意思
				var lastY = lw.getFullYear();
				var lastM = lw.getMonth()+1;
				var lastD = lw.getDate();
				var startdate=lastY+flag+(lastM<10 ? "0" + lastM : lastM)+flag+(lastD<10 ? "0"+ lastD : lastD);//三十天之前日期
				return startdate;
			}
		</script>
	</body>
</html>
